/* Define a fonte Inter globalmente */
body {
	font-family: 'Inter', sans-serif;
	margin: 0;
	padding: 0;
	overflow: hidden; /* Evita barras de rolagem desnecessárias */
}

/* Estilo para a transição suave do fundo e cor */
#age-gate-container {
	transition: background-image 0.5s ease-in-out, background-color 0.5s ease-in-out;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
            
/* Fundo inicial (sutil e neutro) */
	background-image: url('images/PersonagemNeutro.png');
}

/* Estilos dos botões para melhor visual */
.btn-option {
	transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
	cursor: pointer;
}
.btn-option:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Estilo para escurecer o conteúdo e garantir a legibilidade */
.overlay {
	background-color: rgba(0, 0, 0, 0.6); /* Camada escura para contraste */
}
		
/* Garante que o preloader seja o primeiro a aparecer e cubra tudo */
#preloader {
	transition: opacity 0.5s ease-in-out;
}